<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asserts/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="asserts/plugins/jquery-3.6.0.min.js"></script>
    <script src="asserts/plugins/bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="container">  <!-- 开加一个container的目的是为了让整体布局居中 -->
    <!-- 开始 -->
    <div class="row"><!-- 将要加入的略缩图放入row中 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->
        <!-- 第二张略缩图开始 -->
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
            <div class="thumbnail">
                <img src="asserts/img/1673342375030323477.jpg" alt="..."class="img-responsive">
                <div class="caption">
                    <h4>华为畅享7</h4>
                    <p style="color:red;">背部指纹0.5s解锁&nbsp;&nbsp;轻松并行多个APP&nbsp;&nbsp;智能文件管理</p>
                </div>
            </div>
        </div>

        <!-- 第二张略缩图结束 -->

    </div>


    <!-- 结束 -->

</div>

</body>
</html>